<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/reset.css" type="text/css"  rel="stylesheet" />
<link href="css/style.css" type="text/css"  rel="stylesheet" />
<title>呼叫</title>

</head>

<body>
<header>
	<a href="#" class="return"><img src="img/return.png" /></a>
    <h1>预 约</h1>
</header>
<div class="content">
	<ul class="call">
		<li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
       <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
       <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
     <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
     <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
<li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
<li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
    <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
    <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
       <li>12-20 14:32 <span>DT008</span>台李女士预约共8人<a href="javascript:void(0)" onclick = "document.getElementById('open').style.display='block';document.getElementById('operate').style.display='block'"><img src="img/open.png" /></a></li>
        
        <div id="open">
    		<div class="white_content" id="operate">
            	<a class="close" href="javascript:void(0)" onclick = "document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img src="img/close.png" /></a>
        		<h2>桌号：<span>DT002</span></h2>
                <form>
        		<p>人数：<select>
                			<option>1人</option>
                            <option>2人</option>
                            <option>3人</option>
                            <option>4人</option>
                      </select>
                </p>
           		 </form>
                <a href="#" class="gray_btn left"/>取消预约</a>
                <a href="Order meal.html"  class="orange_btn right"/>确定开台</a>
            </div>
		</div>
	</ul>
</div>

<div class="footer-space"></div> 
<footer>
	<ul>
    <li><a href="begin theatrical performance.html"><img src="img/footer_01.png"/><p>台 况</p></a></li>
        <li><a href="bill.html"><img src="img/footer_02.png" /><p>账 单</p></a></li>
    	<li><a href="call out.html"><img src="img/footer_03.png" /><p>呼 叫</p></a></li>
        <li><a href="more.html"><img src="img/footer_4.png" /><p class="cur">更 多</p></a></li>
    </ul>    
</footer> 
</body>
</html>
